﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Span</title>

    <link href="rowspans.css" rel="stylesheet" />
</head>
<body>
    <div class="rowspans fragment">
        <section aria-label="Main content" role="main">
            <div class="explanation">This grid is actually 3x3. The blue item is spanning 2 rows and the green item is spanning 2 columns</div>
            <div class="msgrid">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </section>
    </div>
</body>
</html>
